<script lang="ts" setup>
import { Background } from '@vue-flow/background'
</script>

<template>
    <div class="dropzone-background">
        <div class="overlay">
            <slot />
        </div>
    </div>
</template>

<style scoped>
.dropzone-background {
    position: relative;
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-size: 20px 20px;
    background-image: linear-gradient(to right, #f1f5f9 1px, transparent 1px),linear-gradient(to bottom, #f1f5f9 1px, transparent 1px);
}
</style>